<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name=format-detection content="telephone=no">
    <meta name=format-detection content="email=no">
    <meta name=apple-mobile-web-app-capable content=yes>
    <meta name=apple-mobile-web-app-status-bar-style content=black>
    <meta name=full-screen content=yes>
    <meta name=browsermode content=application>
    <meta name=x5-orientation content=portrait>
    <meta name=x5-fullscreen content=true>
    <meta name=x5-page-mode content=app>
    <meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width"
          name="viewport">
    <title>理财产品详情页</title>
    <script src="/common/vue.min.js"></script>
    <script src="/common/jquery.min.js"></script>
    <link rel="stylesheet" href="/wap/activity/dynamic/open/index.css">
    <link rel="stylesheet" href="/wap/activity/dynamic/open/popUp.css">
</head>
<body>
<div id="manage">
    <header class="details-head clear">
        <div class="head-left">
            <p>普通客户购买<50万</p>
            <span class="active">3.6000%<i class="icons">&#xe636;</i></span>
            <span>预期年化收益率</span>
        </div>
        <div class="head-right">
            <p>白金及以上｜购买≥50万</p>
            <span class="active">3.7500%<i class="icons">&#xe636;</i></span>
            <span>预期年化收益率</span>
        </div>
        <span class="hr"></span>
        <p class="details-fot">
            <span>低风险</span>
            <span>5万起</span>
        </p>
    </header>
    <section class="main">
        <header class="main-tit">产品特色</header>
        <ul class="main-ul clear">
            <li>
                <span class="main-x">1</span>
                <p class="main-title">T+0起息</p>
                <p class="main-text">工作日16:00前当天起息，加起理财优选</p>
            </li>
            <li>
                <span class="main-x">2</span>
                <p class="main-title">快赎无限额</p>
                <p class="main-text">工作日8:30-16:00赎回实时到帐，无限额</p>
            </li>
            <li>
                <span class="main-x">3</span>
                <p class="main-title">随存随取</p>
                <p class="main-text">高流动性，资金进出灵活</p>
            </li>
        </ul>
    </section>
    <section class="main">
        <header class="main-tit">产品特色
            <span>查看详情 <i class="icons x1">&#xe666;</i><i class="icons x2">&#xe665;</i></span>
        </header>
        <ul class="main-ul2">
            <li>
                <p>购买规则</p>
                <span>5万元起购，100元递增</span>
            </li>
            <li>
                <p>赎回规则</p>
                <span>最低留存1万元，工作日8:30-16:30钱赎回，当如到帐，其他时间，下一个工作日到帐．</span>
            </li>
            <li>
                <p>收益规则</p>
                <span>工作日16:00前购买，当日起息；其他时间购买，下1个工作日起息。工作日16:00前赎回，不含当日收益；工作日16:00后赎回，含当日收益。</span>
            </li>
        </ul>
    </section>
    <section class="main">
        <header class="main-tit" id="goRule">交易规则
            <span>查看详情 <i class="icons x1">&#xe666;</i><i class="icons x2">&#xe665;</i></span>
        </header>
        <div class="main-d">
            <img src="/wap/activity/dynamic/open/images/3.png" alt="">
        </div>
    </section>
    <section class="main">
        <header class="main-tit" id="goProductDesc">产品说明及公告
            <span>查看详情 <i class="icons x1">&#xe666;</i><i class="icons x2">&#xe665;</i></span>
        </header>
        <div class="main-d">
            <img src="/wap/activity/dynamic/open/images/2.png" alt="">
        </div>
    </section>
    <p class="but" @click="sigDown">购买</p>
    <div id="popUp" v-if="belse.k">
        <div>
            <header v-text="belse.title"></header>
            <section v-text="belse.test"></section>
            <footer>
                <span v-text="belse.left" @click="left"></span>
                <span class="active" v-text="belse.right" @click="right"></span>
            </footer>
            <div><span></span><div @click="close"><span class="close"></span></div></div>
        </div>
    </div>
</div>


<script th:inline="javascript">
    var baseUrl = [[${baseUrl}]];
</script>
<script src="/wap/activity/dynamic/open/index.js"></script>
<script>
    var manage = new Vue({
        el: '#manage',
        data: {
            contents: {},
            signs: 2,
            belse: {
                k: false
            }
        },
        methods: {
            sigDown: function () {
                this.belse = {
                    k: true,
                    title: '温馨提示',
                    test: '如需购买，请联系客服电话13800000000',
                    left: '取消',
                    right: '确定'
                }
            },
            close: function () {
                this.belse.k = false
            },
            left: function () {
                this.belse.k = false
            },
            right: function () {
            	this.belse.k = false
                // window.location.href= 'tel:13800000000'
            }
        },
        created: function () {
        }
    });
    $(function () {
        $('.main-tit span').click(function () {
            $(this).toggleClass('active');
            $(this).parent().next().toggleClass('active');
        });
    })
</script>
</body>
</html>